<template>
    <div>
        <el-skeleton style="display: flex;justify-content: space-between;flex-wrap: wrap;">
            <template #template>
                <div id="fxbox">
                    <el-skeleton-item variant="image" style="width: 100%;height: 120px;" />
                    <div style="padding: 14px">
                        <el-skeleton-item variant="p" style="width: 50%" />
                        <div style="
                            display: flex;
                            align-items: center;
                            justify-items: space-between;
                        ">
                            <el-skeleton-item variant="text" style="margin-right: 16px" />
                            <el-skeleton-item variant="text" style="width: 30%" />
                        </div>
                    </div>
                </div>
                <div id="fxbox">
                    <el-skeleton-item variant="image" style="width: 100%;height: 120px;" />
                    <div style="padding: 14px">
                        <el-skeleton-item variant="p" style="width: 50%" />
                        <div style="
                            display: flex;
                            align-items: center;
                            justify-items: space-between;
                        ">
                            <el-skeleton-item variant="text" style="margin-right: 16px" />
                            <el-skeleton-item variant="text" style="width: 30%" />
                        </div>
                    </div>
                </div>
                <div id="fxbox">
                    <el-skeleton-item variant="image" style="width: 100%;height: 120px;" />
                    <div style="padding: 14px">
                        <el-skeleton-item variant="p" style="width: 50%" />
                        <div style="
                            display: flex;
                            align-items: center;
                            justify-items: space-between;
                        ">
                            <el-skeleton-item variant="text" style="margin-right: 16px" />
                            <el-skeleton-item variant="text" style="width: 30%" />
                        </div>
                    </div>
                </div>
                <div id="fxbox">
                    <el-skeleton-item variant="image" style="width: 100%;height: 120px;" />
                    <div style="padding: 14px">
                        <el-skeleton-item variant="p" style="width: 50%" />
                        <div style="
                            display: flex;
                            align-items: center;
                            justify-items: space-between;
                        ">
                            <el-skeleton-item variant="text" style="margin-right: 16px" />
                            <el-skeleton-item variant="text" style="width: 30%" />
                        </div>
                    </div>
                </div>
                <div id="fxbox">
                    <el-skeleton-item variant="image" style="width: 100%;height: 120px;" />
                    <div style="padding: 14px">
                        <el-skeleton-item variant="p" style="width: 50%" />
                        <div style="
                            display: flex;
                            align-items: center;
                            justify-items: space-between;
                        ">
                            <el-skeleton-item variant="text" style="margin-right: 16px" />
                            <el-skeleton-item variant="text" style="width: 30%" />
                        </div>
                    </div>
                </div>
                <div id="fxbox">
                    <el-skeleton-item variant="image" style="width: 100%;height: 120px;" />
                    <div style="padding: 14px">
                        <el-skeleton-item variant="p" style="width: 50%" />
                        <div style="
                            display: flex;
                            align-items: center;
                            justify-items: space-between;
                        ">
                            <el-skeleton-item variant="text" style="margin-right: 16px" />
                            <el-skeleton-item variant="text" style="width: 30%" />
                        </div>
                    </div>
                </div>
            </template>
        </el-skeleton>
    </div>
</template>
<!-- 亮点+难点 -->
<!-- rn+鸿蒙+PWA+微前端+乾坤应用场景+websocket+性能优化+前段指标+frd+crd+网络层面+代码层面+打包层面+http+udk+https -->
<!-- 自学能力+解决问题能力 -->
<!-- 三库一架+大文件上传+低代码 -->
<script setup>

</script>

<style scoped>
#fxbox {
    width: 175px;
    height: 230px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: none;
}
</style>